草庐IT

HTML 切换按钮

全部标签

javascript - 从 react 组件中的html文件中的脚本标签访问变量

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭6年前。Improvethisquestion我最近才开始研究javascript和React.js。目前我的main.html文件中有一些脚本标签,我需要能够从我的React.js组件中的这些标签访问一些变量。有办法做到这一点吗?

javascript - 在 Opera 浏览器中找不到麦克风 "allow"按钮

根据caniuse,Opera支持SpeechRecognitionAPI.但是,在尝试查看simpleexample时,我找不到单击麦克风图标时提到的“允许”按钮。在Chrome中,首次单击麦克风图标时,会立即弹出允许麦克风对话框。我正在全新安装的Opera39/Mac上进行测试。 最佳答案 正如HiDeo所说,根据https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition#Browser_compatibility他们不支持webkitSpeechReco

javascript - React - 从另一个组件的 onClick 切换一个组件的显示

我正在尝试构建我的第一个React项目,目前正在将一个汉堡导航按钮和一个在单击导航时出现的菜单放在一起。我将其分为两个部分;汉堡和MenuOverlay。两者的代码如下。目前,我在Hamburger上有一个onClick可以在其上切换一个类,但是我如何通过该点击来切换菜单?它隐藏在display:none;默认情况下。可能是一个非常基本的问题,所以很抱歉-仍在努力让我了解React。菜单覆盖importReactfrom'react';import{Link}from'react-router';constMenuOverlay=()=>{return(HomeAboutContact

javascript - react-i18next: 在文本中间插入 HTML 标签中的链接

我正在使用react,i18next和react-i18next.我想在文本中间有一些带有HTML链接的可翻译文本,这些文本是在react中插入的,如下所示:Thisismytextwithabeautifullinkinthemiddleofthetext下面的解决方案有效,但问题是我需要在react中插入链接,因此它不能在标签文件中进行硬编码:"my-label":"Thisismytextwithabeautifullinkinthemiddleofthetext"[...]看起来这样好多了:"my-label":"Thisismytextwith{{link}}inthemid

javascript - 切换字符串等效的 bool 值

我知道您可以在javascript中执行以下操作以在单行中切换bool值。vartoggle=false;if(true)toggle!=toggle;但这也可以用字符串吗?我知道这可以通过一些if语句来完成。但是有可能在一个类轮上做吗?像这样:varstring_toggle="CAT";if(true)"CAT"="ESP"||"ESP"="CAT";如果不清楚我在问什么,请告诉我,以便我改进问题。 最佳答案 您可以使用ternaryoperator.string_toggle=(string_toggle==="CAT")?"

javascript - 通过单击缩放按钮放大和缩小图像 (Javascript)

我正在尝试通过两个缩放按钮(+)和(-)放大和缩小图像。问题是当图像为全屏尺寸(宽度100%)时“放大”停止。我需要将图像放大到比屏幕尺寸大得多。只是不知道该怎么做。我是Javascript的初学者,所以我希望有人有动力帮助我解决这个Javascript小问题。我想知道是否有任何简单的放大/缩小/重置插件可以与缩放按钮一起使用?图像抓取也很酷。再次感谢!functionzoomin(){varmyImg=document.getElementById("map");varcurrWidth=myImg.clientWidth;if(currWidth==2500)returnfalse

javascript - 如何在 Angular 5 组件中有条件地加载 templateUrl html 文件

我的项目中有一个场景,考虑一下,我有一个testDynamic组件@Component({templateUrl:"./test-dynamic.html",//NeedtooverridethisfilestyleUrls:['./test-dynamic.css']})exportclasstestDynamic{constructor(){}}这里需要检查覆盖文件夹中是否存在override1.html文件,然后加载此文件作为templateUrl,否则加载组件默认的test-dynamic.html。知道如何实现这一目标吗?引用下图可以清楚理解 最佳

javascript - 带有智能支付按钮的 PayPal Checkout (javascript) 创建订单问题

在我的网页上,我尝试按照手册使用JavaScript实现PayPal结帐:https://developer.paypal.com/docs/checkout/一切都适用于标准选项。例如,这很好用:paypal.Buttons({createOrder:function(data,actions){returnactions.order.create({purchase_units:[{amount:{currency_code:'EUR',value:'120.16'},description:'PurchaseUnittestdescription',custom_id:'6473

javascript - Greasemonkey\JavaScript 复制到剪贴板按钮

我正在尝试编写一个JavaScript脚本来添加到greasemonkey中,在元素之后添加一个按钮。此按钮的onClick应将父元素文本复制到键盘。我见过很多将已选择的文本复制到剪贴板的示例,例如:找到here.我还发现您可以在输入元素中选择文本。我已经尝试将这两种技术以及许多其他技术结合起来,但还没有可行的解决方案。我什至不确定为什么上面的代码会复制到剪贴板。有人对此有解决方案吗? 最佳答案 如果您花时间阅读全文,作者声明这不适用于Firefox...实际上,我认为它甚至不适用于IE,因为它与剪贴板无关!有一种使用Flash的技

javascript - 通过 JSON/AJAX 更新 HTML

自从听说JSON以来,我一直在我的Rails应用程序中使用JSON来处理AJAX功能,因为使用RJS/呈现HTML“感觉”是错误的,因为它违反了MVC。我从事的第一个AJAX密集型项目最终有20-30个Controller操作直接绑定(bind)到特定的UI行为,我的View代码分布在Controller操作、部分和rjs文件上。使用JSON允许您在View中保留特定于View的代码,并且仅通过AJAX与View不可知/RESTfulController操作对话以获取所需数据。我在使用纯JSON时发现的一个令人头疼的问题是您必须通过JS“呈现”HTML,对于必须更新DOM-heavy元